{% extends "baseMenu.html" %}

{% block content %}
<table style="height: 100%; width: 100%;" border="1" cellpadding="2" cellspacing="2">
	<tbody>
	    <tr>
		<td style="vertical-align: middle; width: 20%; text-align: center;">
		    <A HREF="linea"><img style="width: 148px; height: 40px;" alt="Lineas"
			  src="Archivos/Que%20es.jpg" align="middle"></img></a></td>
		<td style="vertical-align: middle; width: 20%; text-align: center;">
		    <A HREF="recorrido"><img style="width: 148px; height: 40px;" alt="Paradas"
			  src="Archivos/lineas%20y%20recorridos.jpg" align="middle"></img></a></td>
		<td style="vertical-align: middle; width: 20%; text-align: center;">
		    <A HREF="unidad"><img style="width: 148px; height: 40px;" alt="Unidades"
			  src="Archivos/prediccion.jpg" align="middle"></img></a></td>
        <td style="vertical-align: middle; width: 20%; text-align: center;">
		    <A HREF="empresa"><img style="width: 148px; height: 40px;" alt="Empresa"
			  src="Archivos/empresa.jpg" align="middle"></img></a></td>
	    </tr>
	</tbody>
</table>
<table style="text-align: left; height: 100%; width: 100%;" border="1" cellpadding="2" cellspacing="2">
  <tr>
  <td style="font-style: italic; font-weight: bold; color: black;font-family: Lohit Punjabi; width: 50%;"><table>
        Empresas Existentes: 
        {% if listaEmpresa %}
        <tr><td> Nombre</td><td> Email  </td></tr>
        {% for empresa in listaEmpresa %}<tr><td>{{ empresa.nombre }}</td><td>{{ empresa.mail}}</td> </tr>{% endfor %}
        {% else %}<tr><td>No empresas disponibles.</td></tr>
        {% endif %}
  </table></td>
  <td>
  <table><tbody>
      {% if error %}
    <tr><td style="text-align: center;"><font color="red" size=4>Error: {{ error }}</font></td></tr>
    {% endif %}
  <tr><form name="formEmpresa" action="" method="post">{% csrf_token %}
  <table>
        <tr>
            <td> <label for="id_empresa"> Empresa: </label> {{ form.nombre }} </td>	
            <td> <BUTTON type="submit" name="accion" value="viewEmpresa"> Buscar Empresa </BUTTON> </td>
        </tr>
        <tr>
            <td> <label for="email"> Email: </label> {{ form.email }} </td>
        </tr></table>
        <BUTTON type="submit" name="accion" value="addEmpresa"> Agregar Empresa </BUTTON>
        <BUTTON type="submit" name="accion" value="editEmpresa"> Modificar Empresa </BUTTON>
        <BUTTON type=button name="accion" onclick="pregunta()" value="delEmpresa" > Eliminar Empresa </BUTTON>
    </form></tr>

    </tbody></table>
</td>
</tr>
</table>
{% endblock %}

{% block extrahead %}
<script type="text/javascript">
    function pregunta(){
        if (confirm("Esta seguro de querer eliminar este registro?")){
            document.formEmpresa.accion = "delEmpresa"
            document.formEmpresa.submit();
        }
    }</script>{% endblock %}